Ext.define('DespreImobiliare.view.menu.Menu', {
	extend : 'Ext.panel.Panel',
	alias : 'widget.main.menu',

	requires : [ 'Ext.toolbar.Spacer' ],

	id : 'main.menu',

	border : false,
	layout : {
		type : 'vbox',
		align : 'stretch'
	},
	defaults : {
		border : false,
		margins : '0 0 15 0',

		layout : {
			type : 'hbox',
			align : 'middle'
		},
		defaults : {
			text : null,
			cls : 'floater',
			iconCls : 'add',
			color : 'default',
			scale : 'large',
			margins : '0 5 0 0',
			pressed : false,
			toggleGroup : 'main.menu',
			allowDepress : false,
			listeners : {
				click : function() {
					Ext.getCmp('main.menu').menuButtonPressed(this);
				},
				mouseover : function() {
				}
			}
		}
	},

	items : [ {
		_name : 'row_1',

		items : [ {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'home.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'manifest.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'home.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		} ]
	}, {
		_name : 'row_2',

		items : [ {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'home.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'manifest.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'home.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		} ]
	}, {
		_name : 'row_3',

		items : [ {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'home.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'manifest.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		}, {
			xtype : 'button',
			targetScreen : 'home.screen'
		}, {
			xtype : 'tbspacer',
			flex : 1
		} ]
	} ],

	menuButtonPressed : function(button) {
		Ext.getCmp('screen.manager').layout.setActiveItem(button.targetScreen);
	}

});